<script setup lang="ts">
import {onMounted, reactive} from "vue";
import {listWebsite} from "../../api/website"
import WebItem from "./WebItem.vue";

let webList:any[]=[]
let data=reactive({
    list:webList
})
function getWebList() {
    listWebsite(null)
    .then(res=>{
        data.list=res.data
        console.log(data.list)
    })
}

onMounted(()=>{
    getWebList();
})

</script>

<template>
    <div class="flex row " style="flex-wrap: wrap;align-content: flex-start;">
        <WebItem v-for="(item,i) in data.list" :key="i" :data="item"></WebItem>
    </div>
</template>

<style scoped>

</style>
